<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        // 对象字面量
        // var obj = {
        //     name: 'zs',
        //     age: 18,
        //     sayHi: function () {
        //         console.log(this.name + '你好');
        //     }
        // }
        // obj.sayHi();

        // var obj = {};
        // obj.name = 'zs';
        // obj.age = 19;
        // obj.sayHi = function () {
        //     console.log(this.name + '你好');
        // }
        // obj.sayHi();


        // new Object
        // var obj = new Object();
        // obj.name = 'zs';
        // obj.age = 20;
        // obj.measure = function () {
        //     console.log(this.name);
        // }
        // obj.measure();

        // 构造函数
        // function Fun() {
        //     this.name = 'zs';
        //     this.age = 20;
        //     this.say = function () {
        //         console.log(this.name + '哈哈');
        //     }
        // }
        // var fun = new Fun();
        // fun.say();



        // 工厂模式
        function obj(name, age) {
            let fun = new Object();
            fun.name = name;
            fun.age = age;
            fun.say = function () {
                console.log('hah');
            }
            return fun;
        }
        var fun = obj('ls', 20);
        console.log(fun);
        fun.say();
    </script>
</body>

</html>